<div class="tiles clearfix" style="width: 800px;margin: 1.32em auto 0 auto">
	<a class="tile bg-color-green" href="#app/sign">
	    <div class="tile-content">
	        <h3 style="margin-bottom: 5px;">签到</h3>
	    </div>
	    <div class="brand">
	    	<span class="name">Sign</span>
	    	<span class="badge">10</span>
	    </div>
	</a>
	
	<a class="tile icon bg-color-darken" href="//mail.google.com" target="_blank">
	    <div class="tile-content">
	        <img src="images/gmail.png">
	    </div>
	    <div class="brand">
	        <div class="name">Gmail</div>
	    </div>
	</a>
	
	<a class="tile bg-color-orangeDark icon" href="//weibo.com" target="_blank">
	    <b class="check"></b>
	    <div class="tile-content">
	        <img src="images/weibo.gif" alt="">
	    </div>
	    <div class="brand">
	        <span class="name">sina weibo</span>
	    </div>
	</a>
	
	<a class="tile double icon" href="//plus.google.com" target="_blank">
	    <div class="tile-content">
	        <img src="images/google+.png" alt="">
	    </div>
	    <div class="brand">
	        <span class="name">Google+</span>
	    </div>
	</a>
	
	<a class="tile double-vertical bg-color-yellow icon" href="//www.google.com/calendar" target="_blank">
	    <div class="tile-content">
	        <img src="images/calendar.png">
	    </div>
	    <div class="brand">
	        <span class="name">Calendar</span>
	    </div>
	</a>
	
	<a class="tile icon" style="background-color:#999;" href="#app/iframe/baidu-music">
	    <div class="tile-content">
	        <img src="images/baidu-music.png" alt="">
	    </div>
	    <div class="brand">
	        <span class="name">Baidu Music</span>
	    </div>
	</a>
	
	<a class="tile bg-color-red icon" href="#app/dialog">
	    <b class="check"></b>
	    <div class="tile-content">
	    </div>
	    <div class="brand">
	        <span class="name">dialog</span>
	    </div>
	</a>
	
	<a class="tile double bg-color-blueDark icon" href="#app/iframe/evernote">
	    <div class="tile-content">
	        <img src="images/evernote.png" class="place-left">
	    </div>
	    <div class="brand">
	        <span class="name">Evernote</span>
	    </div>
	</a>
	
	<a class="tile double" href="#app/iframe/calculator">
	    <div class="tile-content">
	    	<h3 style="margin-bottom: 5px;">Calculator</h3>
	    </div>
	    <div class="brand">
	        <span class="name">Calculator</span>
	    </div>
	</a>
	
	<a class="tile icon" href="//drive.google.com" target="_blank">
	    <div class="tile-content">
	        <img src="images/google-drive.png" alt="">
	    </div>
	    <div class="brand">
	        <span class="name">Google Drive</span>
	    </div>
	</a>
	
	<a class="tile bg-color-blue" href="//elearn.sinaapp.com" target="_blank">
	    <div class="tile-content">
	        <h3 style="margin-bottom: 5px;">eLearn</h3>
	    </div>
	    <div class="brand">
	        <span class="name">web develop</span>
	    </div>
	</a>
</div>